﻿
	html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	/*zoom:.7;*/
	/*transform: scale(.7);*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration: none;color:#333;}
#wrap{
	}
body{background: #e9f3fb;
		width: 100%;
		background-size: 66px auto;
		color:#333;
		overflow-x: hidden;
		font-family: "微软雅黑"
	}
html,body{
	max-width: 640px; margin:0 auto;overflow-x: hidden;
}


.btn_w{ text-align: center;padding-top: 0.6rem;}
.btn_w_p1{ text-align: center;padding-top: 0.3rem;}
.btn_shadow{background: url(../images/btn_shadow.png) no-repeat 0 -0.03rem;padding-bottom: 0.45rem;width:  4.46rem;background-size: 100%;margin: 0 auto}
.btn{color: #fff;text-align: center;border-radius: 10px;display: block;height: 1.04rem;font-size: 0.36rem;border:1px solid #2694eb;width: 4.46rem;background:linear-gradient(to left, #2694eb 0%,#27b2eb 100%);text-shadow: 0px 1px 1px rgba(0,0,0,0.7);padding: 0;margin: 0}
.btn_s{color: #fff;text-align: center;border-radius: 15px;display: block;height: 0.48rem;font-size: 0.28rem;border:1px solid #2694eb;width: 1.62rem;background:linear-gradient(to left, #2694eb 0%,#27b2eb 100%);padding: 0;margin: 0}
.btn_w_p1 .btn{height: 0.90rem;width: 5rem;font-size: 0.34rem;}
.btn_w_p1 .btn_shadow{padding-bottom: 0.25rem;background: 0;width: 5rem;}
.time_end{margin-top: -0.2rem;color: #555;font-size: 0.24rem}
.btn_w_p1 .time_end{margin-top: 0}
.w50{width: 3.3rem;}
.fl{float: left;}
.fr{float: right;}
.btn_group{background: url(../images/bg_btn1.jpg) no-repeat;height: 1.6rem;overflow: hidden;background-size:100%;margin: 0.90rem 0;}


header{width: 100%; height: 0.94rem;position: fixed;transform: translate3d(0px, 0px, 0px);left: 0; top:0;z-index: 89;background:linear-gradient(to left, #27b2eb 0%,#2694eb 100%);overflow: hidden;box-shadow: 0px 4px 10px rgba(0,0,0,0.2);}
header li{line-height: 0.90rem;float: left;width: 25%;text-align: center;font-size: 0.32rem;}
header li a{color: #fff;}
header .br{height: 0.04rem;background:linear-gradient(to left, #2694eb 0%,#27b2eb 100%);width: 100%;bottom: 0;left: 0;position: absolute;}

.bottom{margin-bottom:64px;background: url(../images/bg_bottom.png) no-repeat;width: 7.5rem;height:2.05rem; background-size: 100%;color: #fff;font-size: 0.3rem;text-align: center;line-height: 0.48rem;text-align: center;}
.bottom p{padding-top: 0.7rem;}

.page1{text-align: center;}
.page1 .part1{width: 7.5rem;position: relative;height: 5.6rem;background: url(../images/bg_page1.png) repeat-y;background-size:100%;overflow: hidden;}
.page1 .part1 .logo{width: 1.42rem;height: 1rem;background: url(../images/logo.png) no-repeat;background-size: 100%;margin: 1.15rem auto 0.1rem;}
.page1 .part1 h1{font-size: 0.68rem;line-height: 0.80rem;color: #fff;text-shadow: 0px 1px 1px rgba(0,0,0,0.7);background: url(../images/bg_title2.png) center bottom no-repeat;background-size: 310px auto ;padding-bottom: 0.25rem;}
.page1 .part1 h2{font-size: 0.30rem;line-height: 0.85rem;color: #fff;}
.page1 .part1 p{color: #fff;font-size: 0.28rem;text-align: center;line-height: 0.36rem;}
.page1 .bg{background: url(../images/bg_page1_br.png) no-repeat;background-size:100%;height:0.56rem;width: 7.5rem;  }
.page1 .part2 h2{color: #000;font-size: 0.48rem;padding: 0.6rem 0 0.5rem;}
.page1 .part2 .time{overflow: hidden;width: 100%;height: 1.4rem;}
.page1 .part2 .time span{display: inline-block;font-size: 0.3rem;margin: 0 0.2rem;line-height: 0.24rem;}
.page1 .part2 .time .box{width: 1.3rem;height: 1.2rem;line-height: 1.2rem;border-radius: 0.1rem;box-shadow: 0px 1px 10px rgba(0,0,0,0.2);font-size:0.72rem;background:#fff;}

.box_shadow{box-shadow: 0px 1px 10px rgba(0,0,0,0.2);width: 6.9rem;margin: 0 auto;background: #fff;border-radius: 10px;margin-top: 1.14rem;position: relative;}
.box_shadow .title{background: #f2f2f2;height: 1.4rem;width: 100%;text-align: center;}
.box_shadow .icon{position: absolute;width: 0.82rem;height: 0.95rem;top: -0.5rem;left: 3.15rem;background: url(../images/icon1.png) no-repeat;background-size: 100%}
.box_shadow .icon2{background: url(../images/icon2.png) no-repeat;background-size: 100%}
.box_shadow .icon3{background: url(../images/icon3.png) no-repeat;background-size: 100%}
.box_shadow h1{position: relative;font-size: 0.36rem;line-height: 0.48rem;color: #000;font-weight: bold;padding-top: 0.25rem;}
.box_shadow h1.single{padding-top: 0.5rem;}
.box_shadow .common{background: #fff;width: 100%;overflow: hidden;border-radius: 0 0px 10px 10px ;}

.page2 .common {}
.page2 .common li{float: left;width: 3.43rem;height:2.3rem;border-right: 0.02rem solid #d9d7d7;border-top: 0.02rem solid #d9d7d7;text-align: center;}
.page2 .common li b{ display: block; font-size: 0.3rem;line-height: 0.36rem;padding-top: 0.5rem}
/*.page2 .common li:nth-child(3){border-right: 0.02rem solid #fff; }*/
.page2 .common li:nth-child(6){border-right: 0.02rem solid #fff; }
.page2 .common li .btn_s{margin: 0.2rem auto 0}

.page3 .xx_block .b_title{border-bottom: 2px solid #f2f2f2;background:#ffffff;height: 1.19rem;line-height: 0.48rem;font-size: 0.34rem;padding-left: 0.15rem;}
.page3 .xx_block {background: #f7f7f7;margin:0.5rem 0.3rem;overflow: hidden;padding-bottom: 0.4rem;}
.page3 .xx_block img{display: block;width: 4.37rem;height: auto;margin: 0.4rem auto 0}
.page3 .xx_block p{font-size: 0.24rem;line-height: 0.38rem;color: #555;padding-top: 0.6rem;text-align: center;}
.page3 .xx_block .btn{height: 0.9rem;}
.page3 .xx_block .btn_shadow {background: url(../images/btn_shadow.png) no-repeat 0 -0.20rem;background-size: 100%}

.page4 .q_list{padding:  0.2rem;}
.page4 .q_list li{width: 100%;height: 0.6rem;line-height: 0.6rem;font-size: 0.24rem;overflow: hidden;}
.page4 .q_list li span{float: left;width: 0.36rem;height: 0.6rem;background: url(../images/num.png) no-repeat;padding-right: 0.03rem;}
.page4 .q_list li span.num1{background-size: 0.36rem auto;background-position: 0 0.15rem}
.page4 .q_list li span.num2{background-size: 0.36rem auto;background-position: 0 -0.43rem}
.page4 .q_list li span.num3{background-size: 0.36rem auto;background-position: 0 -1.04rem}
.page4 .q_list li span.num4{background-size: 0.36rem auto;background-position: 0 -1.64rem}
.page4 .q_list li span.num5{background-size: 0.36rem auto;background-position: 0 -2.24rem}
.page4 .q_list li span.num6{background-size: 0.36rem auto;background-position: 0 -2.84rem}
.page4 .q_list li span.num7{background-size: 0.36rem auto;background-position: 0 -3.44rem}
.page4 .q_list li span.num8{background-size: 0.36rem auto;background-position: 0 -4.04rem}
.page4 .q_list li span.num9{background-size: 0.36rem auto;background-position: 0 -4.64rem}
.page4 .q_list li span.num10{background-size: 0.36rem auto;background-position: 0 -5.24rem}
.page4 .q_list li span.num11{background-size: 0.36rem auto;background-position: 0 -5.84rem}
.page4 .q_list li button{float: right;width: 1.5rem;height: 0.42rem;color: #fff;text-align: center;border-radius: 20px;display: block;font-size: 0.24rem;border:1px solid #2694eb;background:linear-gradient(to left, #2694eb 0%,#27b2eb 100%);}

.page5{background: #fff;width: 100%;overflow: hidden;margin-top: 0.8rem;}
.page5 .title{height: 2.4rem;overflow: hidden;background: url(../images/bg_title.png) no-repeat center center;background-size: 100%}
.page5 .title h1{height: 1.6rem;line-height: 0.8rem;font-size: 0.4rem;font-weight: bold;color: #000;text-align: center;padding-top: 0.40rem;}
.page5 .btn_list ul{overflow: hidden;padding: 0 0.2rem}
.page5 .btn_list li{float: left;width: 33%;text-align: center;}
.page5 .btn_list li .btn_shadow{margin: 0 auto;width: 1.98rem;background: url(../images/btn_shadow.png) no-repeat 0 -0.03rem;padding-bottom: 0.35rem;background-size: 100%;margin: 0 auto}
.page5 .btn_list li .btn{width: 1.98rem;height: 0.56rem;border-radius: 20px}
.page5 .btn_w{padding: 0.3rem 0}

.page6{margin: 1.28rem 0.28rem 0;border: 2px solid #ffba02;border-radius: 0.2rem;background: #fff;position: relative;}
.page6 .title{background: url(../images/bg_title3.png) no-repeat;background-size:100%;height: 0.54rem;line-height: 0.54rem;position: absolute;top: -0.27rem;left:1.5rem;width: 3.86rem;font-size: 0.3rem;color: #fff;font-weight: bold;text-align: center;}
.page6 .text{font-size: 0.28rem;line-height: 0.48rem;text-align: center;padding: 0.6rem 0 0.4rem;}
.page6 .text b{font-size: 0.36rem;color: #2695eb;font-weight: bold;}

.page7{background: #fff;position: relative;width: 100%;margin-top: 1.0rem}
.page7 h1{padding: 0 0.3rem;line-height: 1.14rem;font-size: 0.4rem;line-height: 1.14rem;color: #000;text-align: center;}
.page7 h2{margin: 0 0.3rem;color: #fff;height: 0.78rem;background:linear-gradient(to left, #2694eb 0%,#27b2eb 100%);font-size: 0.36rem;line-height: 0.78rem;text-align: center;}
.page7 dl{margin:0.6rem 0.58rem 0;overflow: hidden;background: url(../images/bg_title1.png) no-repeat;background-size: 100%} 
.page7 dl span{float: left;color: #ffba02;font-size: 0.72rem;font-weight: bold;width: 1.23rem;height: 1.23rem;text-align: center;line-height: 1.23rem}
.page7 dt{font-size: 0.36rem;font-weight: bold;height: 0.6rem;padding-left: 1.7rem;}
.page7 dd{font-size: 0.3rem;padding-top: 0.1rem;line-height: 0.36rem;padding-left: 1.7rem;}
.page7 h2:nth-child(2){}
.page7 p{text-align: center;font-size: 0.3rem;line-height: 0.68rem;}
.page7 .btn_w{padding-top: 0.4rem;padding-bottom: 0.3rem}

.page8{}
.page8 .common{padding: 0.2rem 0}
.page8 .common dl{padding:0.2rem 0.4rem;overflow: hidden;width: 6.1rem;}
.page8 .common dt{float: left;width: 1.21rem;height: 0.9rem;background: url(../images/icon5.png) no-repeat;background-size: 100%;font-size: 0.3rem;color: #fff;text-align: center;line-height: 0.36rem;padding-top: 0.17rem;}
.page8 .common dd{float: right;width: 4.6rem;font-size: 0.24rem;line-height: 0.36rem;}

.page9{padding-top: 0.8rem}
.page9 h1{width: 100%;height: 1.50rem;border: 1px solid #2694eb;background:linear-gradient(to left, #2694eb 0%,#27b2eb 100%);font-size: 0.40rem;line-height: 1.5rem;color: #fff;position: relative;text-align: center;}
.page9 h1:before{position: absolute;width: 0.24rem;height:0.24rem;background: #e9f3fb;content: "";transform:rotate(45deg);top:-0.15rem;left:50%;}
.page9 h1:after{position: absolute;width: 1.24rem;height:1.24rem;content: "$";bottom:0;right: -2px;color: #fff;font-size: 1.5rem;font-weight: bold;opacity:0.3;text-shadow:  0 0 40px #fff;}
.page9 p{line-height: 0.36rem;font-size: 0.24rem;text-indent: 0.48rem;padding: 0.3rem 0.3rem 0}
.page9 .box_blue{background: #ccf4fd;margin: 0 0.3rem;border-radius: 0.2rem;overflow: hidden;margin-top: 0.8rem;}
.page9 .box_blue p{margin: 0.24rem;border: 2px solid #2694eb;text-align: center;border-radius: 0.2rem;line-height: 0.48rem;padding: 0.25rem 0;font-size: 0.36rem; font-weight: 500;}
.page9 .btn_group{height: 0.72rem;width: 6.9rem;margin: 0.4rem auto;background: #2695eb;border-radius: 0.36rem;position: relative;}
.page9 .btn_group span{border: 0;float: left;width: 3.3rem;height: 0.72rem;font-size: 0.3rem;color: #fff;text-align: center;line-height: 0.72rem;}
.page9 .btn_group span.left{border: 0.04rem solid #fff;border-radius: 0.36rem;background: #27b0eb;margin: -0.04rem 0 0 -0.04rem;}

.page10{padding-top: 0.6rem}
.page10 h1{width: 100%;height: 1.50rem;border: 1px solid #2694eb;background:linear-gradient(to left, #2694eb 0%,#27b2eb 100%);font-size: 0.40rem;line-height: 1.5rem;color: #fff;position: relative;text-align: center;}
.page10 h1:before{position: absolute;width: 0.24rem;height:0.24rem;background: #e9f3fb;content: "";transform:rotate(45deg);top:-0.15rem;left:50%;}
.page10 h1:after{position: absolute;width: 1.24rem;height:1.24rem;content: "@";bottom:0;right: -2px;color: #fff;font-size: 1.5rem;font-weight: bold;opacity:0.3;text-shadow:  0 0 40px #fff;}
.page10 img{width: 100%;margin-top: 0.5rem;}
.page10 .app{width: 100%;position: relative;height: 5.0rem;margin-top: 0.8rem}
.page10 .app p{position: absolute;font-size: 0.24rem;line-height: 0.38rem;width: 2.4rem;}
.page10 .app p b{display: block;font-weight: bold;}
.page10 .app .p1{top: 0.1rem;left: 0;text-align: right;}
.page10 .app .p2{top: 1.8rem;left: 0;text-align: right;}
.page10 .app .p3{top: 3.7rem;left: 0;text-align: right;}
.page10 .app .p4{top: 0.1rem;right: 0;}
.page10 .app .p5{top: 1.8rem;right: 0;}
.page10 .app .p6{top: 3.7rem;right: 0;}
.page10 .app img{width: 2.45rem;height: 5.02rem; margin: 0 auto; display: block;}
.page10 .btn_w{ overflow: hidden;padding: 0.6rem 0.3rem 0; }
.page10 .btn_w button{width:3.4rem;height: 1.38rem;border: 0;margin: 0}
.page10 .btn_w .left{background: url(../images/icon6.png) no-repeat;float: left;background-size: 100%; }
.page10 .btn_w .right{background: url(../images/icon7.png) no-repeat; background-size: 100%;}



/*底部悬浮*/
/*底部*/
.login_panel {
	width: 100%;
	height: 50px;
	background: rgba(255,255,255,0.6);
	overflow: hidden;
	position: fixed;
	bottom: 0;
	z-index: 2000000000;
	    box-shadow: 0px -1px 10px rgba(0,0,0,0.2);
}
.login_panel .panel_center {
	margin: 5px auto;
	width: 1000px;
	height: 40px;
	overflow: hidden;
}
.login_panel .panel_center p {
	float: left;
	line-height: 45px;
	margin-top: 6px;
}
.login_panel .panel_center .tips {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	width: 320px;
	text-align: center;
	line-height: 40px;
	font-family: "Microsoft Yahei";
	font-weight: normal;
	float: left;
}
.login_panel .panel_center .askfor {
	background:linear-gradient(to left, #2694eb 0%,#27b2eb 100%);
	display: block;
	padding: 5px 10px;
	width: 1.8rem;
	height: 28px;
	line-height: 28px;
    margin-left: 0.2rem;
	font-family: "Microsoft Yahei";
	font-weight: normal;
	font-size: 0.28rem;
	color: #FFF;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
}
.login_panel .panel_center .askfor:hover {
	text-decoration: none;
	background: #60befc;
}
#scroll_question {
	overflow: hidden;
	height: 40px;
	float: left;
	width: 4.9rem;
}
#scroll_question ul li {
	font-size: 14px;
	font-family: "Microsoft Yahei";
	font-weight: normal;
	line-height: 40px;
	width: 100%;
	margin-right: 10px;
	text-align: center;
}
#scroll_question ul li a {
	display: block;
	color:#e5588d;
	text-decoration: none;
}



.fixed-nav {
	width: 1.4rem;
	height: 1.16rem;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 8;
	background: url(../images/free-plan.png) 0 0 no-repeat;
	background-size: 100%;
}
.free-plan {
	display: block;
	font-size: 0.24rem;
	line-height: 0.34rem;
	color: #ffffff;
	text-decoration: none;
	margin-top: 0.3rem;
	text-shadow: 1px 1px 0px #d64c02;
	
	text-align: center;
}

/*问卷调查*/
#seven{
    width:6.4rem;
    display: block;
    margin:0.1rem auto;
    font-family:"微软雅黑";
}
.seven_2{
    width:5.46rem;
    margin:0 auto;  
}
.seven_title{margin-top:30px;margin-bottom:20px;}
.seven_question{
    color:#000;
    font-weight:bold;
    font-size:0.28rem;
    line-height:0.3rem;
    /*letter-spacing:2px;*/
    width:5.8rem;
    text-align: left;
    margin-bottom:0.1rem;
}
.seven_question label{
    font-size: 0.26rem;
    color:#333;
    z-index:99;
    line-height:0.3rem;
    /*letter-spacing:2px;*/
    font-weight:200;
    padding-right: 0.2rem;
 }
.seven_question input{display:inline-block;vertical-align: bottom;margin-right:6px;}


.seven_2 .seven_phone input{
    width:4.46rem;
    height:0.9rem;
    margin: 0 auto; 
    margin-left:0.5rem;
    text-align: center;
    line-height:0.5rem;
    font-size:0.3rem;
    font-family:"微软雅黑";
    border: 1px solid #ddd;
    border-radius:10px;  
} 
.seven_phone{margin:0 auto;}
.seven_2 .seven_tj input{
    width:100%;
    text-align:center;

    line-height:0.94rem;
    font-size:0.3rem;
    border:none;
    color:#fff;
    font-family:"微软雅黑";
    text-shadow: 1px 1px 0px rgba(36,36,36,0.65);
    background-color:transparent;
    /*border-radius:6px;*/
}
.seven_2  .btn{height:0.94rem!important;}
.btn.seven_tj {margin-top:0.16rem; margin-left:0.5rem;}
.btn_gonggao{    margin: 0.2rem;
    color: #555;
    font-size: 0.24rem;
    text-align: center;
}
/*滚动*/
 .marquee {
    width:84%;
    height:20px;
    overflow: hidden;
    background: none;
    margin:0 auto;
    margin-bottom:24px;
    border-radius:3px;
    color:#a0a0a0;
    }

    .marquee ul li {
        float: left;
        width: 90%;
        padding: 1% 5%;
        line-height: 20px;
        font-size:12px;
            text-align:center;
    }
    .marquee ul li  a{
        text-decoration:none;
        color:#a0a0a0;
        text-align:center;
    }
    button,.ts3,.btn_group span{
    	cursor: pointer;
    }

/*弹框*/
.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 200;
  top: 0;
  left: 0;
  display: none;
}
.mask-box1{
  background: #fff; 
  width: 300px; 
  display: none;
  z-index:300;
  border-radius: 10px;
  padding:0 20px 20px;
}
.mask-box1 h2{
  color:#333;
  font-size:30px;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}
.mask-box1 h2 p{
  font-size: 14px;
  display: inline-block;
  padding-left:15px;
}
.mask1-sec2 .mask1-item{
  width:100%;
}
.mask1-item p{
  color:#333;
  font-size: 20px;
  margin-bottom: 15px;
  text-align: left;
}
.mask1-item p em{
  color:#fe4151;
}
.mask1-ul{
  margin-bottom: 10px;
}
/*.mask1-ul li { 
  line-height:22px ;
  border:1px solid #b5b5b5;
  color:#333;
  border-radius:20px;
  padding:3px 10px;
  margin-right:6px;
  cursor: pointer;
}
.mask1-ul li:hover { 
  background-color: #86878a;
  color: #fff;
  border-color: #86878a;
}
.mask1-ul li:last-child{
  margin-right: 0;
}
.mask1-ul li.active{
  border-color:#f14151;
  background: #f14151;
  color: #fff;
}*/

.mask1-btn{  
  margin:20px auto 0;
  text-align: center;
  width: 280px;
}
.mask1-btn em{
  color:#cc0033;
  font-size: 14px;
}
.mask1-btn .btn{
  display: block;
  background: #ccc;
  color: #fff;
  /*padding:5px 35px;*/
  font-size: 24px;
  border-radius: 30px;
  /*margin-right:20px;*/
  border:none;
  /*margin-left: 40px;*/
}
.mask1-btn .btn{
  background: rgb(67, 94, 115);
  cursor: pointer;
  /*box-shadow: 0 0 10px 2px #eee;*/
  box-shadow: 0 0 10px 2px #fff;
}
.mask-box2{
    z-index: 300;  
    width:600px;}
.mask-box2  img{
  width: 100%;
}
.mask-box2 .close{
  position: absolute;
  width: 20px;
  height:20px;
  z-index: 301;
  right:10px;
  top:10px;
  cursor: pointer;
}
.fixed-center{
  position: fixed;
  left:50%;
  top:45%;
  transform: translate(-50%,-50%);
}
.flex-center{
  display: flex;
  align-items:center;
  justify-content: center;
}
.flex-top{
  display: flex;
  align-items: flex-start
}

.flex-float-top{
  display: flex;
  justify-content:space-between; 
}
.flex-float{
  display: flex;
  justify-content:space-between;
  align-items:center;
}
.flex1{
  flex:1;
} 
 .close1 img{
  position: absolute;
  cursor: pointer;
  width:30px;
  height:30px;
  right:3px;
  top:3px; 
}
.mask-wrap{
    width: 300px;
    margin:35px auto 20px;
    box-shadow: 0 0 10px #aaa;
    padding:10px 10px 30px;
    box-sizing: border-box;
    background: url(../images/bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.mask1-ul li.active {
    border-color: #f14151;
    background: #f14151;
    color: #fff;
}
.mask1-sec1,.mask1-sec2{
	padding-left: 10px;
}
/*弹框结束*/
.input-wrap{
	float: left;
	width: 33%;
	position: relative;
	font-size: 16px;
	text-align: left;
}
.input-wrap input{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-right: 5px;
	/*opacity: 0;*/
}

input[type="radio"]:checked+label{
	background-color: rgb(67, 94, 115);
}
input[type="radio"]:checked+label:after{
	width: 5px;
	height: 10px;
	border:2px solid #fff;
	border-left: none;
	border-top:none;
	transform: rotate(45deg);
	position: absolute;
	left: 6px;
	top: 3px;
	content: "";
}
input[type="radio"]+label{
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border:1px solid rgb(83, 148, 228);
	background-color: #fff;
}
.mask-box1-btn{
	height: 1rem;
	border-radius: .5rem;
}

/*@media screen and (min-width: 500px) {
	.page1 .part1{
		width: 5rem;
		margin:0 auto;
		zoom:.7;
		height: 5rem;
	}
	.page1 .bg{
		zoom:.7;
		margin:0 auto;
		width: 5rem;
	}
	.part2{
		transform: scale(.7);
		margin-top: -80px;
	}
	.page2{
		transform: scale(.7);
		margin-top: -220px;
	}
	.page3{
		margin-top: -100px;
	}
}*/

























